<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../../css/base.css">
  <link rel="stylesheet" href="../../css/wallpaper.css">
</head>


<body>
  <!-- 导航栏 -->
  <div class="nav">
    <h1>
      <a href=""></a>
    </h1>
    <div class="more"></div>
    <!-- 导航栏 -->
    <ul>
      <li>
        <!-- <a href="#"></a> -->
        <span>
          <a style="color: #fff;"
            href="file:///D:/%E7%AC%94%E8%AE%B0%E4%B9%8B%E5%89%8D%E7%AB%AF/1%E7%AC%94%E8%AE%B0%E4%B9%8BHTML%E5%92%8CCSS/code/day15/index.html">首页</a>
        </span>
        <span>HOME</span>
        <!-- 导航栏下拉菜单开始 -->

      </li>
      <li>
        <span>游戏资料</span>
        <span>DATA</span>
        <!-- 下拉菜单 -->
        <div class="drop-down">
          <ul>
            <li><a href="file:///D:/%E7%AC%94%E8%AE%B0%E4%B9%8B%E5%89%8D%E7%AB%AF/1%E7%AC%94%E8%AE%B0%E4%B9%8BHTML%E5%92%8CCSS/code/day15/src/version/version.html">版本专区</a></li>
            <li><a href="file:///D:/%E7%AC%94%E8%AE%B0%E4%B9%8B%E5%89%8D%E7%AB%AF/1%E7%AC%94%E8%AE%B0%E4%B9%8BHTML%E5%92%8CCSS/code/day15/src/hero/hero.html">英雄资料</a></li>
            <li><a href="file:///D:/%E7%AC%94%E8%AE%B0%E4%B9%8B%E5%89%8D%E7%AB%AF/1%E7%AC%94%E8%AE%B0%E4%B9%8BHTML%E5%92%8CCSS/code/day15/src/announce/announce.html">爆料站</a></li>
            <li><a href="file:///D:/%E7%AC%94%E8%AE%B0%E4%B9%8B%E5%89%8D%E7%AB%AF/1%E7%AC%94%E8%AE%B0%E4%B9%8BHTML%E5%92%8CCSS/code/day15/src/world/wallpaper.html">游戏壁纸</a></li>
            <li><a href="">世界观站</a></li>
          </ul>
        </div>
      </li>
      <li>
        <span>内容中心</span>
        <span>CONTENTS</span>
        <div class="drop-down">
          <ul>
            <li><a href="">攻略中心</a></li>
            <li><a href="">开放素材库</a></li>
            <li><a href="">N内容共创平台</a></li>
          </ul>
        </div>
      </li>
      <li>
        <span>赛事中心</span>
        <span>MATCH</span>
        <div class="drop-down">
          <ul>
            <li><a href="">HKPL</a></li>
            <li><a href="">K甲</a></li>
            <li><a href="">H挑战者杯</a></li>
            <li><a href="">全国大赛</a></li>
            <li><a href="">高校联赛</a></li>
            <li><a href="">N赛事授权</a></li>
            <li><a href="">N授权合作赛</a></li>
            <li><a href="">赛事数据</a></li>
          </ul>
        </div>
      </li>
      <li>
        <span>王者文化</span>
        <span>CULRURE</span>
        <div class="drop-down">
          <ul>
            <li><a href="">NIP共创计划</a></li>
            <li><a href="">N龙翼王者卡</a></li>
            <li><a href="">共创基地</a></li>
            <li><a href="">王者荣耀天天向上</a></li>
          </ul>
        </div>
      </li>
      <li>
        <span>玩家支持</span>
        <span>PLAYER</span>
        <div class="drop-down">
          <ul>
            <li><a href="">腾讯游戏防沉迷</a></li>
            <li><a href="">成长守护平台</a></li>
            <li><a href="">对局环境情报站</a></li>
            <li><a href="">客服专区</a></li>
            <li><a href="">礼包兑换</a></li>
            <li><a href="">自助服务</a></li>
            <li><a href="">商户特权</a></li>
            <li><a href="">手语打法参考</a></li>
          </ul>
        </div>
      </li>
      <li>
        <span>IP新游</span>
        <span>NEW&nbsp;GAMES</span>
        <div class="drop-down">
          <ul>
            <li><a href="">N王者荣耀世界</a></li>
            <li><a href="">N王者万象棋</a></li>
          </ul>
        </div>
      </li>
    </ul>
    <!-- <a class="down">下载游戏</a> -->
    <div class="login">
      <img src="./assets/login.png" alt="">
      <span>欢迎登录</span>
    </div>
  </div>
  <div class="bg">
    <!-- <img src="./assets/bannerImage.webp"> -->
    <div class="check"></div>
  </div>

  <div class="wapper">
    <!-- 面包屑导航 -->
    <div class="crumbs">
      <img src="../../assets/wallpaper/主页.png">
      <a href="">王者荣耀首页</a>
      >
      <span>游戏壁纸</span>
    </div>

    <!-- 左侧内容 -->
    <div class="left">
      <!-- 新皮肤壁纸板块 -->
      <div class="skin">
        <!-- 新壁纸标题部分 -->
        <div class="skin-title">
          <img src="../../assets/wallpaper/icon_hero.webp" />
          <span>新英雄新皮肤</span>
        </div>
        <!-- 新清壁纸列举开始 -->
        <div class="skin-content">
          <div class="skin-item">
            <div class="skin-img-box">
              <img src="../../assets/wallpaper/1.jfif" />
            </div>

            <div class="img-title">
              <a href="">小乔-秘证寻踪</a>
            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="skin-item">
            <div class="skin-img-box">
              <img src="../../assets/wallpaper/2.jfif">
            </div>

            <div class="img-title">

              <a href="">公孙离-云诺千山</a>
            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="skin-item">
            <div class="skin-img-box">
              <img src="../../assets/wallpaper/3.jfif">
            </div>

            <div class="img-title">
              <a href="">沈梦溪-鸭鸭历险记</a>

            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="skin-item">
            <div class="skin-img-box">
              <img src="../../assets/wallpaper/4.jfif">
            </div>

            <div class="img-title">
              <a href="">刘禅-鸭鸭历险记</a>

            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="skin-item">
            <div class="skin-img-box">
              <img src="../../assets/wallpaper/5.jfif">
            </div>

            <div class="img-title">
              <a href="">狂铁-龙之律动</a>

            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
        </div>
        <!-- 新清壁纸列举结束 -->

      </div>
      <!-- 高清壁纸板块 -->
      <div class="wallpaper">
        <!-- 全部壁纸标题部分 -->
        <div class="wallpaper-title">
          <img src="../../assets/wallpaper/icon_HD.webp" />
          <span>高清壁纸</span>
          <div class="sort-hot-research">
            <a class="sort">时间排序</a>
            <a class="hot">热度排序</a>
            <div class="research">
              <input type="text" placeholder="请输入壁纸名称搜索">
              <a href="">
                <img src="../../assets/wallpaper/vl_search_icon.webp">
              </a>
            </div>
          </div>

        </div>

        <!-- 高清壁纸列举开始 -->
        <div class="wallpaper-content">
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/1.jfif" />
            </div>

            <div class="img-title">
              <a href="">小乔-秘证寻踪</a>
            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/2.jfif">
            </div>

            <div class="img-title">

              <a href="">公孙离-云诺千山</a>
            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/3.jfif">
            </div>

            <div class="img-title">
              <a href="">沈梦溪-鸭鸭历险记</a>

            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/4.jfif">
            </div>

            <div class="img-title">
              <a href="">刘禅-鸭鸭历险记</a>

            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/5.jfif">
            </div>

            <div class="img-title">
              <a href="">狂铁-龙之律动</a>

            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>

          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/1.jfif" />
            </div>

            <div class="img-title">
              <a href="">小乔-秘证寻踪</a>
            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/2.jfif">
            </div>

            <div class="img-title">

              <a href="">公孙离-云诺千山</a>
            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/3.jfif">
            </div>

            <div class="img-title">
              <a href="">沈梦溪-鸭鸭历险记</a>

            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/4.jfif">
            </div>

            <div class="img-title">
              <a href="">刘禅-鸭鸭历险记</a>

            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/5.jfif">
            </div>

            <div class="img-title">
              <a href="">狂铁-龙之律动</a>

            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>

          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/1.jfif" />
            </div>

            <div class="img-title">
              <a href="">小乔-秘证寻踪</a>
            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/2.jfif">
            </div>

            <div class="img-title">

              <a href="">公孙离-云诺千山</a>
            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/3.jfif">
            </div>

            <div class="img-title">
              <a href="">沈梦溪-鸭鸭历险记</a>

            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/4.jfif">
            </div>

            <div class="img-title">
              <a href="">刘禅-鸭鸭历险记</a>

            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/5.jfif">
            </div>

            <div class="img-title">
              <a href="">狂铁-龙之律动</a>

            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>


          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/1.jfif" />
            </div>

            <div class="img-title">
              <a href="">小乔-秘证寻踪</a>
            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/2.jfif">
            </div>

            <div class="img-title">

              <a href="">公孙离-云诺千山</a>
            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/3.jfif">
            </div>

            <div class="img-title">
              <a href="">沈梦溪-鸭鸭历险记</a>

            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/4.jfif">
            </div>

            <div class="img-title">
              <a href="">刘禅-鸭鸭历险记</a>

            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>
          <div class="wallpaper-item">
            <div class="wallpaper-img-box">
              <img src="../../assets/wallpaper/5.jfif">
            </div>

            <div class="img-title">
              <a href="">狂铁-龙之律动</a>

            </div>
            <div class="size">
              <a href="">1024×768</a>
              <a href="">1440×900</a>
              <a href="">1920×1200</a>
            </div>
          </div>

        </div>
        <!-- 高清壁纸列举结束 -->

      </div>

      <!-- 分页 -->
      <div class="page">
        
      </div>
    </div>

    <!-- 右侧广告 -->
    <div class="right">
      <img src="../../assets/wallpaper/down_btn2.webp" class="loader" />
      <div class="loader-method">
        <div class="loader-method-img">
          <img src="../../assets/wallpaper/weibo_icon.webp">
          <a href="">官方微信</a>
        </div>

        <div class="loader-method-img">
          <img src="../../assets/wallpaper/weixin_icon.png">
          <a href="">官方微博</a>
        </div>

        <div class="loader-method-img">
          <img src="../../assets/wallpaper/wzyd-icon.webp">
          <a href="">王者营地</a>
        </div>
        <div class="loader-method-img">
          <img src="../../assets/wallpaper/battle_icon.png">
          <a href="">体验服</a>
        </div>



      </div>
    </div>

  </div>





</body>

</html>